layui.define(['jquery','contextMenu'], function (exports) {
    var contextMenu = layui.contextMenu;
    var $ = layui.jquery;
    var ext = {
        init : function(){//定义右键操作
            $(".layim-list-friend >li > ul > li").contextMenu({
                width: 110, // width
                itemHeight: 25, // 菜单项height
                bgColor: "#fff", // 背景颜色
                color: "#333", // 字体颜色
                fontSize: 12, // 字体大小
                hoverBgColor: "#009bdd", // hover背景颜色
                hoverColor: "#fff", // hover背景颜色
                target: function(ele) { // 当前元素
                    // console.log(ele);
                    $(".ul-context-menu>li").attr("data-id",ele[0].id);
                },
                menu: [{ // 菜单项
                        text: "查看资料",
                        icon: "static/img/add.png",
                        callback: function(ele) {
                            console.log(ele[0].dataset.id);
                        }
                    },
                    {
                        text: "聊天记录",
                        icon: "static/img/paste.png",
                        callback: function(ele) {
                            alert("聊天记录");
                        }
                    },
                    {
                        text: "删除好友",
                        icon: "static/img/del.png",
                        callback: function(ele) {
                             alert("删除好友");                      
                        }
                    }
                ]
            });
        }
    }
  exports('ext', ext);
}); 